*{
    margin:0;
    padding:0;
}
body{
    background-color:rgb(236,236,224);
    display: flex;
    width: 100%;
    height: 100vh;
}
.div1{
    display: flex;
    background-color:white;
    width: 65%;
    margin:0 auto;
    flex-direction: column;
    height: inherit;
}

header{
    background-color: darkorange;
    width: 100%;
    height: 20%;
    opacity: 0.3;
}

main{
    display: flex;
    /*background-color: darkcyan;*/
    width: 100%;
    height: 60%;

}

main div:nth-child(1){
    width: 30%;
    height: 100%;
}

main div:nth-child(2){
    width: 40%;
    height: 100%;
    border: 1px solid darkorange;
}
table{
    background-color: lightskyblue;
    margin:15vh auto;
    width: 70%;
    height: 26vh;
}

tr td:nth-child(1) p{
    margin-top:-25px;
}

tr td button{
    width:10vh;
    height:3vh;
}
main div:nth-child(3){
    width: 30%;
    height: 100%;
}

footer{
    background-color: hotpink;
    opacity: 0.3;
    width: 100%;
    height: 20%;
}
































































































































